<!doctype html>
<html lang="en">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css"
        integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
    <link rel="stylesheet" href="../css/main.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.compat.css" />
    <title>新闻动态</title>
    <link rel="stylesheet" href="../css/main.min.css">
    <!-- <link rel="stylesheet" href="../css/header.min.css">
    <link rel="stylesheet" href="../css/footer.min.css"> -->
    <link rel="stylesheet" href="../css/news.min.css">
</head>

<body>
    <div class="wrapper">
        <!-- 头部 -->
        <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
            <div class="container">
                <a class="navbar-brand" href="#">
                    <img src="../image/index/logo.png" alt="">
                </a>
                <button class="navbar-toggler" type="button" data-toggle="collapse"
                    data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
                    aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>

                <div class="collapse navbar-collapse setheight" id="navbarSupportedContent">
                    <ul class="navbar-nav mr-auto">
                        <li class="nav-item ">
                            <a class="nav-link" href="../index.html">首页</a>
                        </li>
                        <li class="nav-item ">
                            <a class="nav-link" href="#">Laya家族</a>
                        </li>
                        <li class="nav-item ">
                            <a class="nav-link" href="./game.html">游戏</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link active" href="./news.html">新闻动态</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link " href="#">开发者中心</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link " href="#">开发者社区</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link " href="#">开放平台</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link " href="./aboutUs.html">关于我们</a>
                        </li>
                    </ul>
                    <ul class="nav navbar-nav navbar-dark">
                        <li class="dropdown">
                            <a href="##" data-toggle="dropdown" class="dropdown-toggle">Langueage<span
                                    class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="##">中文</a></li>
                                <li><a href="##">English</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
        <!-- 新闻动态 -->
        <section>
            <div class="container news-top">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="top-title">
                            <h2>新闻动态</h2>
                        </div>
                    </div>
                </div>
                <div class="row text-center">
                    <!-- 上部分-第一块内容 -->
                    <div class="col text-center  wow zoomIn">
                        <div class="top-content text-center">
                            <a href="">
                                <img src="../image/news/20150924102143242.jpg" alt="字">
                            </a>
                            <p class="top-content-text">HTML5干货：LAYAWORLD TFC秋季特刊</p>
                        </div>
                    </div>
                    <!-- 上部分-第二块内容 -->
                    <div class="col text-center wow zoomIn">
                        <div class="top-content text-center">
                            <a href="">
                                <img src="../image/news/20150917094422865.jpg" alt="人">
                            </a>
                            <p class="top-content-text">慕和：手游大作《魔卡幻想》为何移植HTML5</p>
                        </div>
                    </div>
                    <!-- 上部分-第三块内容 -->
                    <div class="col text-center wow zoomIn">
                        <div class="top-content text-center">
                            <a href="">
                                <img src="../image/news/20150626113315753.jpg" alt="小米机型">
                            </a>
                            <p class="top-content-text">技术突破：HTML5裸跑性能已可媲美APP</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- 多块新闻内容和分割线 -->
        <section>
            <div class="container news-bottom">
                <!-- 1 -->
                <div class="row">
                    <!-- 图片 -->
                    <div class="col-xl-3 col-lg-3 col-md-3 col-sm-4 col-xs-4">
                        <div class="bottomImg">
                            <a href=""><img src="../image/news/20160107081723288.jpg" alt="layabox荣膺"></a>
                        </div>
                    </div>
                    <!-- 文字 -->
                    <div class="col-xl-9 col-lg-9 col-md-9 col-sm-8 col-xs-8">
                        <div class="bottomText">
                            <h4><a>Layabox荣膺“2015年度最佳引擎奖”</a></h4>
                            <p class="textDate">2016-01-07</p>
                            <p class="textDesc">HTML5梦工场举办的”娜喊杯”2015
                                HTML5年度颁奖盛典于2016年1月7日在北京古北水镇成功举行。Layabox凭借2015年唯一拥有大型HTML5游戏线上产品的商业引擎供应商优势，荣膺“2015年度最佳引擎奖”。
                            </p>
                            <p class="textDetail">
                                <span class="detail"><a>查看详情</a></span>
                            </p>
                        </div>

                    </div>
                </div>
                <!-- 2 -->
                <div class="row news-bottom-box">
                    <!-- 图片 -->
                    <div class="col-xl-3 col-lg-3 col-md-3 col-sm-4 col-xs-4">
                        <div class="bottomImg">
                            <a href=""><img src="../image/news/20151210104448876.jpg" alt="九百多张精美插画"></a>
                        </div>
                    </div>
                    <!-- 文字 -->
                    <div class="col-xl-9 col-lg-9 col-md-9 col-sm-8 col-xs-8">
                        <div class="bottomText">
                            <h4><a>Layabox本月将上线四款大型HTML5游戏</a></h4>
                            <p class="textDate">2015-12-10</p>
                            <p class="textDesc">
                                Layabox一直致力于大型HTML5引擎技术研发和CP培育，从本月开始，将不断推出大型HTML5游戏，我们希望用自己的努力，提升玩家和渠道对HTML5游戏品质以及盈利能力的信心，推动产业的发展和升级。
                            </p>
                            <p class="textDetail">
                                <span class="detail"><a>查看详情</a></span>
                            </p>
                        </div>

                    </div>
                </div>
                <!-- 3 -->
                <div class="row news-bottom-box">
                    <!-- 图片 -->
                    <div class="col-xl-3 col-lg-3 col-md-3 col-sm-4 col-xs-4">
                        <div class="bottomImg">
                            <a href=""><img src="../image/news/1449052953927938.jpg" alt="man"></a>
                        </div>
                    </div>
                    <!-- 文字 -->
                    <div class="col-xl-9 col-lg-9 col-md-9 col-sm-8 col-xs-8">
                        <div class="bottomText">
                            <h4><a>关于HTML5游戏跨界合作的几个切入点！</a></h4>
                            <p class="textDate">2015-12-02</p>
                            <p class="textDesc">
                                要想在当前阶段先跳出来成为瞩目的明星企业。一是制作高品质游戏，兼顾APP与H5市场；二是要深度结合H5技术的无需下载、即点即玩、易传播、跨平台、应用领域广泛等属性。
                            </p>
                            <p class="textDetail">
                                <span class="detail"><a>查看详情</a></span>
                            </p>
                        </div>

                    </div>
                </div>
                <!-- 4 -->
                <div class="row news-bottom-box">
                    <!-- 图片 -->
                    <div class="col-xl-3 col-lg-3 col-md-3 col-sm-4 col-xs-4">
                        <div class="bottomImg">
                            <a href=""><img src="../image/news/1448706684676900.jpg" alt="合照"></a>
                        </div>
                    </div>
                    <!-- 文字 -->
                    <div class="col-xl-9 col-lg-9 col-md-9 col-sm-8 col-xs-8">
                        <div class="bottomText">
                            <h4><a>HTML5行业首次出席中日韩政府级开源论坛</a></h4>
                            <p class="textDate">2015-11-26</p>
                            <p class="textDesc">第十四届东北亚开源软件推进论坛在日本东京举行,本次会议由中日韩三国行业主管部门组织。这是HTML5行业代表首次出市出席东北亚开源软件推进论坛。
                            </p>
                            <p class="textDetail">
                                <span class="detail"><a>查看详情</a></span>
                            </p>
                        </div>

                    </div>
                </div>
                <!-- 5 -->
                <div class="row news-bottom-box">
                    <!-- 图片 -->
                    <div class="col-xl-3 col-lg-3 col-md-3 col-sm-4 col-xs-4">
                        <div class="bottomImg">
                            <a href=""><img src="../image/news/1448706659277855.jpg" alt="演讲"></a>
                        </div>
                    </div>
                    <!-- 文字 -->
                    <div class="col-xl-9 col-lg-9 col-md-9 col-sm-8 col-xs-8">
                        <div class="bottomText">
                            <h4><a>Layabox引擎用HTML5还原3D端游</a></h4>
                            <p class="textDate">2015-11-23</p>
                            <p class="textDesc">老牌游戏研发商中娱正在用Layabox引擎将著名3D
                                端游《猎刃》还原到HTML5场景中，Layabox有望成为首个拥有重度3D游戏产品案例的HTML5游戏引擎。
                            </p>
                            <p class="textDetail">
                                <span class="detail"><a>查看详情</a></span>
                            </p>
                        </div>

                    </div>
                </div>
                <!-- 6 -->
                <div class="row news-bottom-box">
                    <!-- 图片 -->
                    <div class="col-xl-3 col-lg-3 col-md-3 col-sm-4 col-xs-4">
                        <div class="bottomImg">
                            <a href=""><img src="../image/news/1448706890355102.jpg" alt="layaflesh"></a>
                        </div>
                    </div>
                    <!-- 文字 -->
                    <div class="col-xl-9 col-lg-9 col-md-9 col-sm-8 col-xs-8">
                        <div class="bottomText">
                            <h4><a>Layabox：LayaFlash引擎开发工具进入2.0时代</a></h4>
                            <p class="textDate">2015-11-14</p>
                            <p class="textDesc">LayaFlash
                                IDE进行了重大升级更新，无需安装第三方浏览器，直接集成了WEB浏览器功能、开发者调试功能，以及项目编译、资源转换、项目混淆与压缩、在线教程文档、在线问答社区等功能。
                            </p>
                            <p class="textDetail">
                                <span class="detail"><a>查看详情</a></span>
                            </p>
                        </div>

                    </div>
                </div>
                <!-- 7 -->
                <div class="row news-bottom-box">
                    <!-- 图片 -->
                    <div class="col-xl-3 col-lg-3 col-md-3 col-sm-4 col-xs-4">
                        <div class="bottomImg">
                            <a href=""><img src="../image/news/1448707402381425.jpg" alt="layaflesh"></a>
                        </div>
                    </div>
                    <!-- 文字 -->
                    <div class="col-xl-9 col-lg-9 col-md-9 col-sm-8 col-xs-8">
                        <div class="bottomText">
                            <h4><a>Layabox开发者中心正式开放</a></h4>
                            <p class="textDate">2015-11-13</p>
                            <p class="textDesc">Laya Dev
                                Center(Laya开发者中心)从新手入门、高手进阶、Flash转换HTML5、MornUI编辑器框架、产品对接、FAQ各个环节逐一讲解。开发者仅需两三个小时，即可掌握LayaFlash引擎框架的开发规则。
                            </p>
                            <p class="textDetail">
                                <span class="detail"><a>查看详情</a></span>
                            </p>
                        </div>

                    </div>
                </div>
                <!-- 8 -->
                <div class="row news-bottom-box">
                    <!-- 图片 -->
                    <div class="col-xl-3 col-lg-3 col-md-3 col-sm-4 col-xs-4">
                        <div class="bottomImg">
                            <a href=""><img src="../image/news/1448706659277855.jpg" alt="QQ玩吧"></a>
                        </div>
                    </div>
                    <!-- 文字 -->
                    <div class="col-xl-9 col-lg-9 col-md-9 col-sm-8 col-xs-8">
                        <div class="bottomText">
                            <h4><a>重度H5游戏猎刃2登陆QQ玩吧 次留超36%</a></h4>
                            <p class="textDate">2015-10-24</p>
                            <p class="textDesc">《猎刃2》次留数据再创新高，玩吧平台中达到36
                                82%。这款用Layabox引擎研发的重度HTML5游戏，再次用数据实例证明，高品质大型重度游戏在HTML5领域同样会受到广大玩家的喜爱。
                            </p>
                            <p class="textDetail">
                                <span class="detail"><a>查看详情</a></span>
                            </p>
                        </div>

                    </div>
                </div>
                <!-- 9 -->
                <div class="row news-bottom-box">
                    <!-- 图片 -->
                    <div class="col-xl-3 col-lg-3 col-md-3 col-sm-4 col-xs-4">
                        <div class="bottomImg">
                            <a href=""><img src="../image/news/20151018094741841.jpg" alt="layabox"></a>
                        </div>
                    </div>
                    <!-- 文字 -->
                    <div class="col-xl-9 col-lg-9 col-md-9 col-sm-8 col-xs-8">
                        <div class="bottomText">
                            <h4><a>LayaFlash发布V1.4.0 解决杀毒软件误报问题</a></h4>
                            <p class="textDate">2015-10-18</p>
                            <p class="textDesc">LayaFlash V1 4 0版本 将彻底解决部分杀毒软件将LayaFlash安装版视为病毒的误报问题。
                            </p>
                            <p class="textDetail">
                                <span class="detail"><a>查看详情</a></span>
                            </p>
                        </div>

                    </div>
                </div>
                <!-- 分割线 -->
                <div class="row">
                    <div class="container">
                        <div class="col-12">
                            <div class="line"></div>
                        </div>
                    </div>
                </div>
                <!-- 分页 -->
                <div class="row">
                    <div class="container">
                        <div class="col-md-12">
                            <nav class="page">
                                <ul class="pagination">
                                    <li>
                                        <a class="r1">32条</a>
                                    </li>
                                    <li>
                                        <a class="" href="#">上一页</a>
                                    </li>
                                    <li>
                                        <span>1</span>
                                    </li>
                                    <li>
                                        <a class="" href="#">2</a>
                                    </li>
                                    <li>
                                        <a class="" href="#">3</a>
                                    </li>
                                    <li>
                                        <a class="r2" href="#">4</a>
                                    </li>
                                    <li>
                                        <a class="r2" href="#">下一页</a>
                                    </li>
                                </ul>
                            </nav>

                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- 尾部 -->
        <footer>
            <div class="container">
                <div class="row">
                    <div class="footer-left coc-md-8 col-sm-8 col-xs-12">
                        <div class="company-mes">
                            <div>公司简介</div>
                            <div>联系方式</div>
                            <div>人才招聘</div>
                        </div>
                        <div class="company-copyright">
                            All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1
                        </div>
                    </div>
                    <div class="footer-right coc-md-4 col-sm-4 col-xs-12">
                        <a class="email">
                            <div class="popbar email-up">
                                <img src="../image/index/email.png" alt="">
                            </div>
                        </a>
                        <a class="wechat">
                            <div class="popbar wechat-up">
                                <img src="../image/index/weixin.png" alt="">
                            </div>
                        </a>
                        <a class="tencentqq">
                            <div class="popbar tencentqq-up">
                                <img src="../image/index/qqpop.png" alt="">
                            </div>
                        </a>
                    </div>
                </div>

            </div>
        </footer>
    </div>









    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
        integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous">
    </script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
        integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous">
    </script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/js/bootstrap.min.js"
        integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous">
    </script>

    <script src="../js/wow.js"></script>
    <script>
        let wow = new WOW({
            boxClass: 'wow', // default
            animateClass: 'animated', // default
            offset: 250, // default
            mobile: true, // default
            live: true // default
        })
        wow.init();
    </script>
</body>

</html>